*{
    margin:0;
    padding:0;
}

html , body {
    font-family:Arial, sans-serif;
	/*font-family:"SimSun";*/
	height:100%;
}
#all {
 	position:relative;   
	min-height:100%;
}


.clear {clear:both;}

/************************************************************central_form************************************************************/

button, input[type=button], input[type=submit], input[type=reset] {background-color:#004d9a; color:#FFF; font-weight:bold; border:1px #EEE solid;  padding:2px 5px;}
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
    background-color:#FFF;
    border:1px #CCC solid;
    padding:5px;
	margin:10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    font-size:1.2em;
}
.central_form{
    width:80%;
    border:60px #EEE solid;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    /*padding-top:0;*/
    margin:auto;
	text-align:center;
	font-family:"SimSun";
}
.central_form h1 {
    color:#0088ff;
    font-size:2em;
    border-bottom:1px #CCC solid;
    background-color:#EEE;
    text-shadow:0 1px 0 #FFF;
	font-family:"Kaiti";
}

.central_form table{
	width:100%;
    margin:10px;
	padding:3px;
    line-height:200%;
    font-size:1.2em;
}

.central_form form_name{
	width:30%;
}

.central_form form_input{
	width:50%;
}

.central_form .warning{
	margin:10px;
	width:20%;
}

.central_form form_submit{
	margin:1000px;
	width:70%;
}

.central_form select{
	width:305px;
	height:125%;
}

/********************************************************header**************************************************************************/

#header {
    background-color:#0088ff;
	/*background-color:azure;*/
    height:100px;/*此处不宜用百分比 因为我们的总长度随着内容的不同是不固定的*/
	line-height: 100px;
    /*border-top:5px #a75100 solid;*/
    /*border-bottom:20px #a75100 solid;*/
	/*border-bottom:20px #06E4DD solid;*/
    color:#0088ff;
    font-size:2em;
	font-family:"SimHei";
	/*font-weight: bold;*/
	/*vertical-align: bottom;*/
}

#nav_bar{
	margin: 0px 70px;
    list-style:none;
    
}
#nav_bar li {
    /*background-color:#EEE;*/
    padding:0px 40px;
    float:left;
}
#header a:link, #header a:visited{
    color:#FFF;
    text-decoration:none;
}
#user_status{
    float:right;
    padding:20px 10px;
}

#inner_header{
    float:center;
}
#inner_header img{
    float:left;
	height:100px;
	/*margin: 0 0 0 0;*/
	margin-left:10%
}
h1.logo {
	float:left;
    font-size:1.8em;
    -moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
    color:#0088ff;
    /*background-color:#EEE;*/
	background-color:#0088ff;
	color:white;
    width:250px;
	margin: 0 0%;
	text-align:center;
}

h1.logor {
	float:left;
	/*float:center;*/
    font-size:1.8em;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    color:#0088ff;
    background-color:#FFF;
    width:40%;
	margin-left: 30%;
	/*margin:0 auto;*/
	text-align:center;
}

h1.slogan {
	float:center;
    font-size:1.2em;
	font-family:"KaiTi";
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    color:#0088ff;
    background-color:#EEE;
    /*width:700px;*/
	margin: 0px 80px;
	padding: 0px 10px;
	text-align:center;
}

/************************************************content********************************************************************/

.central_fixed_width{
    width:90%;
    margin:auto;
	float:center;
	position:relative;

}
#content{
    margin-top:20px;
    margin-bottom:20px;
    min-height:80%;
	padding-bottom: 120px
}

/************************************************login********************************************************************************/
#login{
	width:50%;
}
/*********************************************main_column ***************************************************************************/
div.main_column{
	position:relative;
    width:60%;
    /*margin:10px;*/
	margin:auto;
    float:left;
}

div.main_column2{
	position:relative;
    width:70%;
    /*margin:10px;*/
	margin:auto;
    float:left;
}

/*************************************sidebar*******************************************************/
div.sidebar{
    width:15%;
    margin:auto;
    float:right;
}
#user_info{
	/*float:right;*/
	margin:10px 5px 5px 5px;
	font-size:1.2em;
	background: red;
}
#user_data{
	margin: 3px;
	background-color:#F5F6CE;
	font-family:"SimSun";
}
#user_avatar img{
    padding:1px;
    border:3px #0088ff solid;
}
#user_data p{
    line-height:125%;
    font-size:0.8em;
}
/****************************************leftbar**************************************************************/
#left_bar{
    float:left;  
	width:15%;
	padding:20px;
}
#left_bar ul {
    float:left;
    list-style:none;  
	width:90%;
}
#left_bar li {
    float:left;
	margin:10px;
    padding:10px;
	width:60%;
    -moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
    font-size:1em;
	text-decoration:none;
	text-align:center;
}
#left_bar li.selector_on {
    background-color:#FFF;
    border:1px #CCC solid;
    border-bottom:0;
    color:#004d9a;
    font-weight:bold;
}
#left_bar li.selector_off {
    background-color:#EEE;
    border:1px #CCC solid;
    border-bottom:0;
    color:#666;
}
#left_bar li:hover{
    background-color:#0088ff;
    color:#FFF;
    cursor:pointer;
}
#left_bar button{
	float:right;
	/*
	padding:10px;
	margin:10px;
	*/
    cursor:pointer;
}
/************************************iFocusCateList*****************************************/
#iFocusCateList{
	border:1px #CCC solid;
	background-color:#D9FFFF;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
}

/***********************************************************************************************************/


div.guide {
    background-color:#0088ff;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    font-size:0.8em;
}
div.guide h3 {
    font-size:1.5em;
    text-shadow:0 1px 0 #FFF;
    color:#000;
}
div.warning{
    padding:5px;
    border:1px #ff0000 solid;
    background-color:#ffc0cb;
    font-size:0.8em;
    color:#FF0000;
    margin-top:5px;
    margin-bottom:5px;
}
div.notification{
    padding:5px;
    border:1px #ffa500 solid;
    background-color:#ffff92;
    font-size:0.8em;
    color:#ffa500;
    margin-top:5px;
    margin-bottom:5px;
}
/*******************************************selector************************************************/
#selector{
    border-bottom:2px #CCC solid;
}
#selector ul {
    list-style:none;
    
}
#selector li {
    float:left;
    padding:5px 10px;
	width:18%;
    -moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
    font-size:1.2em;
	text-decoration:none;
	text-align:center;
}
#selector li.selector_on {
    background-color:#FFF;
    border:1px #CCC solid;
    border-bottom:0;
    color:#004d9a;
    font-weight:bold;
}
#selector li.selector_off {
    background-color:#EEE;
    border:1px #CCC solid;
    border-bottom:0;
    color:#666;
}
#selector li:hover{
    background-color:#0088ff;
    color:#FFF;
    cursor:pointer;
}
/***************************************activity****************************************************/

div.act_column{
    width:60%;
	margin:auto;
   /* float:left;*/
}

#activities {
    border:8px #0088ff double    ;
    font-size:1.5em;
    padding:10px;
	margin-top:20px;
    -moz-box-shadow:0 1px 2px #CCC;
}

div.activity {
    border-bottom:5px #EEE dashed;
    font-size:1em;
    padding:20px;
    margin-top:5px;
    -moz-box-shadow:0 1px 2px #CCC;
}
div.activity:hover{
    background-color:#EEE;
}

#addActTable{
	margin:auto;
	border:8px #0088ff double ;
	display:none;
    font-size:1.5em;
    padding:10px;
	margin-top:20px;
    -moz-box-shadow:0 1px 2px #CCC;
}

span.activity_owner {
    font-weight:bold;
    color:#a75100;
}
div.activity_timestamp {
    text-align:right;
    color:#666;
}

/*******************************************helps************************************************/
#helps {
    border:8px #0088ff double    ;
    font-size:1.5em;
    padding:10px;
	margin-top:20px;
    -moz-box-shadow:0 1px 2px #CCC;
}
div.help {
    border-bottom:5px #EEE dashed;
    font-size:1em;
    padding:20px;
    margin-top:5px;
    -moz-box-shadow:0 1px 2px #CCC;
}
div.help:hover{
    background-color:#EEE;
}
#addhelp {
    border:8px #0088ff double;
	display:none;
    font-size:1.5em;
    padding:10px;
	margin-top:20px;
    -moz-box-shadow:0 1px 2px #CCC;
}
#addhelp h3{
	/*text-align:middle;*/
	text-align:center;
	margin:auto;
	color:#0088ff;
	padding:5px;
}

/*******************************************shops************************************************/
#shops {
    border:8px #0088ff double    ;
    font-size:1.5em;
    padding:10px;
	margin-top:20px;
    -moz-box-shadow:0 1px 2px #CCC;
}
div.shop {
    border-bottom:5px #EEE dashed;
    font-size:1em;
    padding:20px;
    margin-top:5px;
    -moz-box-shadow:0 1px 2px #CCC;
}
div.shop:hover{
    background-color:#EEE;
}

/**********************************************************************************************/

#titleline{
    border-bottom:1px #CCC solid;
    margin-bottom:5px;   
}
#search{
    float:right;
}



/************************************************footer******************************************************/

#footer{
	position:absolute;
	width:100%;clear:both;
	background-color:#0088ff; color:#FFF;
	height:50px; font-size:0.7em;
	border-bottom:7px solid #e0e0e0;
	border-top:7px solid #e0e0e0;
	margin-top:20px;
	bottom:0;left:0;
}   
/*
#footer {
    border-top:7px #666 solid;
    background-color:#000;
    min-height:30%;
    color:#FFF;
    font-size:0.7em;
}
*/
h4 {
    font-size:1em;
    font-weight:bold;
    border-bottom:1px #999 solid;
}
div.footer_links{
    width:300px;
    margin:10px;
    float:right;
}
div.footer_links ul{
    list-style:none;
    line-height:150%;
}
#footer a:link, #footer a:visited{
    color:#FFF;
    text-decoration:none;
}
